html,body{
    padding:0px;
    margin:0px;
    font-family:'Times New Roman', Times, serif;
}

body {
	background:#fff;
	color: #fff;
	font-weight: 400;
	font-size: 14px;
	font-family: Arial,'Microsoft YaHei';
}
div,a,input,span,p,h3,ul,li{
    box-sizing:border-box;
    padding:0px;
    margin:0px;
    list-style:none;
}

a {
	text-decoration: none;
	outline: none;
    cursor:pointer;
}

a:hover, a:focus {
	color: #008abf;
	outline: none;
}
.outdiv {
    float:left;
    width:100%;
    margin:0px;
    padding:0px;
    text-align:center;
}
.indiv {
    width:1200px;
    line-height:30px;
    margin:0 auto;
	padding:0px;
}

.headtop {
    height:150px;
    background-color:#fff;
    padding-top:10px;
}


.headtop .logo {
    float:left;
    width:360px;
    height:130px;
    background-image:url(../image/logo.png);
    background-position:left center;
    background-repeat:no-repeat;
}

.headtop .right{
    float:left;
    width:840px;
    padding-left:40px;
}
.headtop .righttop{
    float:left;
    width:100%;
    padding:10px 5px;
}
.headtop .righttop .srach{
    width:470px;
    float:left;
    border:1px solid #b5b5b5;
    border-radius:5px;
    height:36px;
    margin-top:10px;
    background-color:#fafafa;
}
.headtop .righttop .srach input{
    border:none;
    background-color:transparent;
    padding:5px 10px 5px 40px;
    height:34px;
    line-height:24px;
    width:380px;
    background-image:url(../image/search.png);
    background-repeat:no-repeat;
    background-position:15px center;
    float:left
}
.headtop .righttop .srach a{
    float:left;
    width:88px;
    height:34px;
    background-color:#0069b0;
    border-radius:0px 2px 2px 0px;
    display:block;
    color:#fff;
    line-height:34px;
    font-weight:bold;
    text-align:center;
    letter-spacing:2px;
}
.headtop .righttop .srach a:hover{
    background-color:#e37834;
}
.headtop .righttop  .tel{
    width:310px;
    float:left;
    padding:0px;
    padding-left:120px;
    background-image:url(../image/tel.png);
    background-repeat:no-repeat;
    background-position:50px center;
    background-size:52px auto;
}
.headtop .righttop  .tel h3{
    color:#e37834;
    font-size:17px;
    text-align:left;
    line-height:25px;
}
.headtop .righttop  .tel p{
    color:#e37834;
    font-size:18px;
    text-align:left;
    font-weight:bold;
    line-height:25px;
}
.topmenu{
    float:left;
    width:100%;
    margin-top:10px;
}
.topmenu ul{
  float:left;
  width:100%;
}
.topmenu ul li{
  float:left;
  width:133px;
  height:38px;
  padding:0px 5px;
  position:relative;
}

.topmenu  li ul {
  background: #0069b0;
  border-radius:4px;
}
.topmenu  li ul li {
  width:100%;
  color:#fff;

}
.topmenu  li ul li a {
  color:#fff;
  margin-bottom:5px;
  font-size:15px;
}

.topmenu li ul:before,.topmenu li ul:after {
    content: "";
    display: table;
}

.topmenu ul li a,.topmenu ul li span{
    width:100%;
    display:block;
    float:left;
    height:38px;
    line-height:38px;
    color:#222;
    font-size:16px;
    -webkit-transition:color 0.2s linear, background 0.2s linear;
	-moz-transition:color 0.2s linear, background 0.2s linear;
	-o-transition:color 0.2s linear, background 0.2s linear;
	transition:color 0.2s linear, background 0.2s linear;
}
.topmenu ul li a.active{
    background-color:#0069b0;
    border-radius:5px;
    color:#fff;
}
.topmenu ul li span.active:hover{
    background-color:#fff;
    border-radius:5px;
    color:#222;
}

.topmenu ul li span.active{
    background-color:#0069b0;
    border-radius:5px;
    color:#fff;
}


.topmenu ul li:hover ul{
    padding:10px 0px;
}

.topmenu ul li:hover ul li {
   max-height:38px;
}

.topmenu  li ul {
  position: absolute;
  left: 0;
  top:38px;
  z-index: 10000000;
}
.topmenu ul li ul li {

  overflow: hidden;
  max-height: 0;
  -webkit-transition: max-height 200ms ease;
  -moz-transition: max-height 200ms ease;
  -o-transition: max-height 200ms ease;
  transition: max-height 200ms ease;
}

.topmenu ul li ul li a:hover {
    border-radius:2px;
  text-decoration: none;
  background: #595959;transition:all .7s ease 0s;
}


.topmenu ul li ul li a:hover {
    background-color: rgba(148,235,253,0.70);
    color: #e37b33;
    font-weight: bold;
}




.topmenu ul li a:hover{
     background-color:#0069b0;
    border-radius:4px;
    color:#fff;
}
.indexproduct{
    background-color:#f6f6f6;
    height:380px;
}

.indexproduct ul{
    width:100%;
    float:left;
    padding-top:30px;
    padding-bottom:10px;
}
.indexproduct ul li{
    width:300px;
    float:left;
    border-left:1px solid #bbb;
    padding:10px;
}
.indexproduct ul li:last-child{
     border-right:1px solid #bbb;
}


.indexproduct ul li img{
    width:100%;
    height:auto;
    float:left;
    box-sizing:border-box;
}
.indexproduct ul li  a{
    width:100%;
    padding:10px;
    display:block;
    float:left;
}
.indexproduct ul li  a:hover{
    background-color:#d5eaf9;
}

.indexproduct ul li h3{
    float:left;
    width:140px;
    margin-left:60px;
    font-size:18px;
    height:36px;
    border-radius:2px;
    background-color:#0069b0;
    color:#fff;
    line-height:36px;
    margin-top:20px;
    letter-spacing:2px;
}
.indexproduct ul li a.bigtype:hover {
    background-color:#e37834;
}
.indexproduct ul li  a:hover h3{
    background-color:#e37835;
}

.indexproduct ul li ul.slist{
    width:100%;
    float:left;
    margin-top:10px;
    padding:0px 5px;
   
}
.indexproduct ul li ul.slist li{
    float:left;
    width:100%;
    border:none;
    padding:0px;
     color:#777;
    line-height:30px;
    font-size:15px;
}
.indexproduct ul li  a:hover  ul.slist li{
    color:#666;
}

.indexservice{
    background-image:url(../image/indexbg.jpg);
    background-position:center center;
    background-repeat:no-repeat;
    height:650px;
    padding:60px 0px;
}
.indexservice  .title{
    width:100%;
    float:left;
}
.indexservice .title h3{
    width:100%;
    color:#fff;
    font-size:32px;
    font-weight:bold;
    display:block;
    height:36px;
    letter-spacing:4px;
}
.indexservice .title p{
    width:100%;
    color:#fff;
    font-size:18px;
    text-transform:full-width;
    height:20px;
}
.indexservice ul{
    width:100%;
    float:left;
    margin-top:50px;
    margin-bottom:30px;
}
.indexservice ul li{
    float:left;
    width:320px;
    margin-right:80px;
    margin-left:20px;
    position:relative;
    border-radius:3px;
    overflow:hidden;
}
.indexservice ul li:last-child{
    margin-right:20px;
}
.indexservice ul li img{
    width:100%;
    float:left;
}


.indexservice ul li .plane{
    width:100%;
    position:absolute;
    bottom:0px;
    left:0px;
    padding:10px 10px;
    background-image:url(../image/bbg.png);
    background-repeat:repeat;
}
.indexservice ul li .plane .name {
    color:#fff;
    font-size:20px;
    font-weight:bold;
    float:left;
    background-image:url(../image/arrow_br.png);
    background-position:center right;
    background-repeat:no-repeat;
    padding-right:30px;
     padding-left:30px;
    background-size:14px auto;
}

.indexservice ul li .plane ul{
    display:none;
    width:100%;
    float:left;
    padding:0px 0px;
    padding-top:10px;
    margin-top:10px;
    margin-bottom:10px;
   
    
}
.indexservice ul li .plane ul li{
    width:80%;
    float:left;
    line-height:22px;
    padding:4px 0px;
    padding-right:10px;
    text-align:left;
   
}
   
.indexservice ul li:hover .plane{
   padding:20px 10px 10px 20px;
   top:0px;
}
.indexservice ul li:hover .plane .name{
    text-align:center;
    width:100%;
    float:left;
    padding:0px 10px;
    font-weight:bold;
    font-size:20px;
    color:#fff;
    background-image:none;
    padding-right:30px;
    border-left:6px solid #0069b0;
  
   
}
.indexservice ul li:hover .plane .name label{
   border-bottom:1px solid  #fff;
   display:block;
   width:80%;
   float:left;
   text-align:left;
   line-height:32px;
   padding:0px 0px 5px 0px;
}

.indexservice ul li:hover ul{
  display:block;
}
.indexservice ul li .link{
    width:140px;
    float:left;
    display:none;
    position:absolute;
    right:0px;
    bottom:8px;background-color:#e37834;
    padding:5px;
    border-radius:2px 0px 0px 2px;
}
.indexservice ul li:hover .link{
    display:block;
    
}
.indexservice ul li .link a{
    color:#fff;
    float:left;
    padding-left:25px;
    background-image:url(../image/arrow_bl.png);
    background-position:left center;
    background-repeat:no-repeat;
    background-size:14px auto;
    font-size:16px;
    line-height:28px;
    font-weight:600;
    margin-left:5px;

}




.service_1{
    width:242px;
    height:298px;
    float:left;
}
.service_1 .title{
    width:100%;
    float:left;
    background-color:#0069b0;
    padding:34px 0px;
    background-image:url(../image/icon_001.png);
    background-position:120px center;
    background-repeat:no-repeat;
}
.service_1 .title h3{
    width:100%;
    color:#fff;
    font-size:24px;
    font-weight:bold;
    display:block;
    height:36px;
}
.service_1 .title p{
    width:100%;
    color:#fff;
    font-size:16px;
    text-transform:full-width;
    height:24px;
}
.service_1 .plane{
    float:left;
    width:100%;
    height:170px;
    background-color:#fff;
    background-image:url(../image/v_01.jpg);
    background-position:center center;
    background-repeat:no-repeat;
}

.service_1 .plane .name{
    font-size:24px;
    color:#008abf;
    float:left;
    margin-top:50px;
    text-align:center;
    width:100%;
    font-weight:bold;
    background-image:url(../image/arrow.png);
    background-position:center bottom;
    background-repeat:no-repeat;
    padding-bottom:30px;
    background-size:30px auto;
}
.service_1 .plane ul{
    display:none;
    width:100%;
    float:left;
    padding-top:10px;
}
.service_1 .plane ul li{
    width:100%;
    float:left;
    line-height:30px;
}
.service_1 .plane ul li a{
    font-size:15px;
    color:#222;
   
}
.service_1 .plane ul li a:hover{
    color:#e37834;
     font-weight:bold;
     font-size:16px;
}

.service_1 .plane:hover{
   background-image:url(../image/v_01_1.jpg);
}

.service_1 .plane:hover .name{
   background-image:none;
   font-weight:normal;
   font-size:20px;
   color:#222;
   margin-top:20px;
   width:50%;
   margin-left:25%;
   border-bottom:2px solid #0069b0;
   padding-bottom:5px;
}
.service_1 .plane:hover  ul{
    display:block;
}
.service_2 {
    width:516px;
    float:left;
    height:298px;
    background-image:url(../image/v_02.jpg);
    background-position:center center;
    background-repeat:no-repeat;
}
.service_2 .plane{
    width:100%;
    float:left;
    padding:0px 30px;
    background-image:url(../image/bbg.png);
    background-repeat:repeat;
}

.service_2 .plane .name{
    float:left;
    padding:20px 0px;
    font-weight:bold;
    font-size:24px;
    color:#fff;
    background-image:url(../image/arrow_br.png);
    background-position:center right;
    background-repeat:no-repeat;
    padding-right:30px;
    background-size:20px auto;
}

.service_2 .plane ul{
    display:none;
    width:100%;
    float:left;
    padding-top:20px;
}
.service_2 .plane ul li{
    width:100%;
    float:left;
    line-height:30px;
}
.service_2 .plane ul li a{
    width:100%;
    display:block;
    font-size:15px;
    color:#fff;
    text-align:left;
   
}
.service_2 .plane ul li a:hover{
    color:#e37834;
    font-weight:bold;
    font-size:16px;
}

.service_2:hover .plane{
    width:50%;
    float:right;
    padding:10px 20px;
    height:100%;
}

.service_2:hover .plane .name{
    text-align:center;
    width:100%;
    float:left;
    padding:0px 10px;
    font-weight:normal;
    font-size:24px;
    color:#fff;
    background-image:none;
    padding-right:30px;
    border-left:6px solid #0069b0;
  
   
}
.service_2:hover .plane .name label{
   border-bottom:1px solid  #fff;
   display:block;
   width:80%;
   float:left;
   text-align:left;
   line-height:32px;
   padding:0px 0px 5px 0px;
}

.service_2:hover ul{
    display:block;
}

.service_3{
    float:left;
    width:442px;
    height:298px;
    background-image:url(../image/v_03.jpg);
    background-position:center center;
    background-repeat:no-repeat;
}

.service_3 .plane{
    float:left;
    width:100%;
    padding:20px 20px;
    background-image:url(../image/arrow.png);
    background-position:center bottom;
    background-repeat:no-repeat;
    padding-bottom:35px;
    background-size:30px auto;
}
.service_3 .plane .name{
    float:left;
    margin-top:80px;
    background-color:#0069b0;
    color:#fff;
    width:60%;
    text-align:center;
    margin-left:20%;
    font-size:24px;
    padding:8px 0px;
    line-height:30px;
    font-weight:bold;
}


.service_3 .plane ul{
    display:none;
    width:100%;
    float:left;
    padding:0px 10px;
    padding-top:20px;
    
}
.service_3 .plane ul li{
    width:50%;
    float:left;
    line-height:30px;
    padding-left:40px;
}
.service_3 .plane ul li:nth-child(2n+1){
    border-right:1px solid #ccc;
}


.service_3 .plane ul li a{
    width:100%;
    display:block;
    font-size:15px;
    color:#222;
    text-align:left;
   
}
.service_3 .plane ul li a:hover{
    color:#e37834;
    font-weight:bold;
    font-size:15px;
}
.service_3:hover{
  background-image:url(../image/v_03_1.jpg);
}

   
.service_3:hover .plane{
   background-image:none;
   padding-bottom:20px;
}
.service_3:hover .name{
margin-top:30px;
font-size:20px;
font-weight:normal;
}

.service_3:hover ul{
  display:block;
}


.service_4{
  float:left;
  width:242px;
  height:246px;
  background-image:url(../image/v_04.jpg);
  background-position:center center;
  background-repeat:no-repeat;
}


.service_4 .plane{
    float:left;
    width:100%;
    height:100%;
}

.service_4 .plane .name{
    font-size:28px;
    color:#fff;
    float:left;
    margin-top:90px;
    text-align:center;
    width:100%;
    font-weight:bold;
    background-image:url(../image/arrow_bb.png);
    background-position:center bottom;
    background-repeat:no-repeat;
    padding-bottom:30px;
    background-size:30px auto;
}
.service_4 .plane ul{
    display:none;
    width:100%;
    float:left;
    padding-top:10px;
}
.service_4 .plane ul li{
    width:100%;
    float:left;
    line-height:30px;
}
.service_4 .plane ul li a{
    font-size:15px;
    color:#fff;
   
}
.service_4 .plane ul li a:hover{
    color:#e37834;
     font-weight:bold;
     font-size:16px;
}

.service_4 .plane:hover{
   background-image:url(../image/v_04_1.jpg);
}

.service_4 .plane:hover .name{
   background-image:none;
   font-weight:normal;
   font-size:20px;
   color:#fff;
   margin-top:20px;
   width:50%;
   margin-left:25%;
   border-bottom:2px solid #fff;
   padding-bottom:5px;
}
.service_4 .plane:hover  ul{
    display:block;
}



.service_5{
    float:left;
    width:433px;
    height:246px;
    background-image:url(../image/v_05.jpg);
    background-position:center center;
    background-repeat:no-repeat;
}

.service_5 .plane{
    float:left;
    width:100%;
    padding:20px 20px;
    background-image:url(../image/arrow.png);
    background-position:center bottom;
    background-repeat:no-repeat;
    padding-bottom:30px;
    background-size:30px auto;
}
.service_5 .plane .name{
    float:left;
    margin-top:80px;
    color:#008abf;
    width:50%;
    text-align:center;
    margin-left:25%;
    font-size:24px;
    padding:8px 0px;
    line-height:30px;
    font-weight:bold;
    background-color:#eee;
}


.service_5 .plane ul{
    display:none;
    width:100%;
    float:left;
    padding:0px 5px;
    padding-top:20px;
    
}
.service_5 .plane ul li{
    width:50%;
    float:left;
    line-height:30px;
    padding-left:10px;
}


.service_5 .plane ul li a{
    width:100%;
    display:block;
    font-size:15px;
    color:#222;
    text-align:left;
   
}
.service_5 .plane ul li a:hover{
    color:#e37834;
    font-weight:bold;
    font-size:15px;
}
.service_5:hover{
  background-image:url(../image/v_05_1.jpg);
}

   
.service_5:hover .plane{
   background-image:none;
   padding:20px 30px 10px 30px;
}
.service_5:hover .name{
    margin-top:0px;
    background-color:transparent;
    font-size:20px;
    color:#222;
    font-weight:normal;
    border-bottom:1px solid #0069b0;
    padding:5px 0px;
    margin-left:0px;
    width:100%;
}

.service_5:hover ul{
  display:block;
}

.service_6{
    float:left;
    width:525px;
    height:246px;
    background-image:url(../image/v_06.jpg);
    background-position:center center;
    background-repeat:no-repeat;
    position:relative;
}

.service_6 .plane{
    width:100%;
    position:absolute;
    bottom:0px;
    left:0px;
    padding:10px 10px;
    background-image:url(../image/bbg.png);
    background-repeat:repeat;
}
.service_6 .plane .name {
    color:#fff;
    font-size:24px;
    font-weight:bold;
    float:left;
    background-image:url(../image/arrow_br.png);
    background-position:center right;
    background-repeat:no-repeat;
    padding-right:30px;
    background-size:20px auto;
}

.service_6 .plane ul{
    display:none;
    width:100%;
    float:left;
    padding:0px 0px;
    padding-top:20px;
    
}
.service_6 .plane ul li{
    width:50%;
    float:left;
    line-height:30px;
     padding:5px 0px;
    padding-right:10px;
   
}

.service_6 .plane ul li a{
    width:100%;
    display:block;
    font-size:15px;
    color:#fff;
    text-align:left;
    line-height:20px;
   
}
.service_6 .plane ul li a:hover{
    color:#e37834;
    font-weight:bold;
    font-size:15px;
}

service_6:hover{
  background-image:url(../image/v_05_1.jpg);
}

   
.service_6:hover .plane{
   padding:20px 10px 10px 20px;
   top:0px;
}
.service_6:hover .plane .name{
    text-align:center;
    width:100%;
    float:left;
    padding:0px 10px;
    font-weight:normal;
    font-size:20px;
    color:#fff;
    background-image:none;
    padding-right:30px;
    border-left:6px solid #0069b0;
  
   
}
.service_6:hover .plane .name label{
   border-bottom:1px solid  #fff;
   display:block;
   width:80%;
   float:left;
   text-align:left;
   line-height:32px;
   padding:0px 0px 5px 0px;
}

.service_6:hover ul{
  display:block;
}





.indexpromotion .title{
    float:left;
    height:80px;
    width:100%;
    padding:30px 0px 20px 0px;
    line-height:30px;
    border-bottom:1px solid #e5e5e5;
}
.indexpromotion .title label{
    float:left;
    padding-left:50px;
    font-size:28px;
    color:#222;
    background-image:url(../image/t-icon.png);
    background-position:left center;
    background-repeat:no-repeat;
}
.indexpromotion ul{
    float:left;
    width:100%;
    padding:60px 0px;
}
.indexpromotion ul li{
    float:left;
    width:550px;
    margin-right:25px;
    margin-right:100px;
    margin-bottom:50px;
    position:relative;
}

.indexpromotion ul li:nth-child(2n){
     margin-right:0px;
}
 .indexpromotion ul li img{
     width:200px;
     height:150px;
     left:0px;
     float:left;
     position:absolute;
}
.indexpromotion ul li .txt{
    left:50px;
    width:500px;
    background-color:#f0f0f0;
    float:left;
    margin-left:30px;
    margin-top:20px;
    height:200px;
    padding-left:190px;
    padding-top:10px;
    padding-right:10px;
}
.indexpromotion ul li .txt h3{
    color:#444;
    line-height:30px;
    font-size:20px;
    text-align:left;
    float:left;
}
.indexpromotion ul li .txt p{
    float:left;
    text-align:left;
    color:#888;
    font-size:15px;
    line-height:22px;
    margin-top:15px;
}
.indexpromotion ul li .btn{
    background-color:#0069b0;
    padding:10px;
    width:240px;
    position:absolute;
    bottom:-20px;
    right:50px;
    font-size:20px;
    color:#fff;
}






 .homebottom{
     background-color:#3e3e3e;
     padding:30px 0px;
 }

  .homebottom .bottomlogo{
    width:300px;
    float:left;
    background-image:url(../image/blogo.png);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:auto 180px;
    height:200px;
  }

.homebottom .bottomcenter{
    float:left;
    width:600px;
}
.homebottom .bottomcenter .titlelist{
    float:left;
    width:100%;
}
.homebottom .bottomcenter .titlelist li{
    width:25%;
    text-align:center;
    float:left;
    line-height:30px;
}
.homebottom .bottomcenter .titlelist li a{
    font-size:18px;
    color:#fff;
}
.homebottom .bottomcenter .titlelist li span{
    font-size:18px;
    color:#fff;
}
.homebottom .bottomcenter .titlelist li a:hover{
    color:#0069b0;
    text-decoration:underline;
}

.homebottom .bottomcenter .menulist{
    width:25%;
    float:left;
    margin-top:10px;
}
.homebottom .bottomcenter .menulist li{
    width:100%;
    text-align:center;
    float:left;
    line-height:18px;
    margin-bottom:10px;
}
.homebottom .bottomcenter .menulist li a{
    font-size:14px;
    color:#e3eefd;
    line-height:18px;
}
.homebottom .bottomcenter .menulist li a:hover{
    color:#0069b0;
    text-decoration:underline;
}
.homebottom  .bottomright{
    width:300px;
    float:left;
}

.homebottom  .bottomright img{
    float:left;
    margin-left:25px;
    width:110px;
    height:110px;
    margin-bottom:20px;
}

.homebottom  .bottomright .line{
     float:left;
     width:100%;
     text-align:left;
     line-height:20px;
     padding:5px 0px;
     padding-left:25px;
     background-position:left 8px;
     background-repeat:no-repeat;
}

.homebottom  .bottomright .line.address{
  background-image:url(../image/address.png)
}
.homebottom  .bottomright .line.tel{
  background-image:url(../image/tel2.png)
}
.homebottom  .bottomright .line.email{
  background-image:url(../image/email.png)
}
.copyrightbottom{
    padding:10px 0px;
    background-color:#222;
}

.subbaner{
    width:100%;
    float:left;
    height:284px;
    text-align:center;
    border-top:2px solid #1e79bf;
    border-bottom:2px solid #538cc6;
    background-position:center center;
    background-repeat:no-repeat;
}
.subbaner.home{
     background-image:url(../image/banner_a1.jpg)
}
.subbaner.contact{
     background-image:url(../image/contactus.jpg)
}

.homemenu{
  background-color:#fafafa;
  box-shadow:inset 0px -5px 15px -10px #aaa; 
}

.homelist{
    width:100%;
    text-align:center;
    float:left;
    padding:50px 30% 30px 30%;
    height:180px;
}
.homelist li{
    padding:10px 30px;
    width:50%;
    float:left;
}
.homelist li a{
    display:block;
    width:100%;
    height:70px;
    border-radius:2px;
    background-color:#eee;
    border:1px solid #e0e0e0;
    padding:10px 20px;
    text-align:center;
    color:#888;
    font-size:15px;
    letter-spacing:2px;
}
.homelist li a i{
    width:100%;
    height:25px;
    display:block;
    background-image:url(../image/home_icon_1.png);
    background-position:center center;
    background-size:auto 25px;
    background-repeat:no-repeat;
}

.homelist li a i.home{
    background-image:url(../image/home_icon_1.png);
}
.homelist li a i.contact{
    background-image:url(../image/home_icon_2.png);
}

.homelist li a i.joinus{
    background-image:url(../image/home_icon_3.png);
}


.homelist li a.active,.homelist li a:hover{
    background-color:#0069b0;
    border:1px solid #1593cc;
    color:#fff;
}


.homelist li a.active i.home,.homelist li a:hover i.home{
    background-image:url(../image/home_icon_1_1.png);
}
.homelist li a.active i.contact,.homelist li a:hover i.contact{
    background-image:url(../image/home_icon_2_1.png);
}

.homelist li a.active i.joinus,.homelist li a:hover i.joinus{
    background-image:url(../image/home_icon_3_1.png);
}

.aboutusplane .title{
    width:100%;
    border-bottom:2px solid #eee;
    height:80px;
    position:relative;
    float:left;
    margin-bottom:50px;
}
.aboutusplane .title .ch{
    position:absolute;
    width:120px;
    font-size:24px;
    color:#222;
    left:50%;
    margin-left:-60px;
    top:78px;
    line-height:30px;
    height:30px;
    text-align:center;
    background-color:#fff;
}
.aboutusplane .title .en{
    position:absolute;
    width:180px;
    font-size:28px;
    color:#ccc;
    left:50%;
    margin-left:-90px;
    top:45px;
    line-height:40px;
    height:40px;
    text-align:center;

}
.aboutusplane .Content{
    width:100%;
    padding:10px 20px;
    text-align:left;
    color:#222;
    float:left;
    font-size:15px;
    padding-bottom:60px;
}
.aboutusplane .Content p{
    line-height:24px;
    padding:10px 0px;
     text-indent:2em;
}

.aboutusplane .Content #map{
    float:left;
    width:600px;
    height:400px;
    border:1px solid #ddd;
}

.aboutusplane .Content .txt{
    float:left;
    width:500px;
    margin-left:50px;
}

.gbg{
    background-color:#f5f5f5;
}
.gbg .title .ch{
    background-color:#f5f5f5;
}

.joinusleft{
    width:185px;
    float:left;
}
.joinusleft li{
   width:185px;
   float:left;
   margin-bottom:5px;
}
.joinusleft li a {
    width: 100%;
    display: block;
    padding:12px 10px;
    background-color: #fff;
    color: #454545;
    font-size:16px;
    float: left;
    text-align:center;
}
.joinusleft li a.active{
    background-color:#0069b0;
    color:#fff;
    font-weight:bold;
}
.joinusleft li a:hover{
  background-color:#47bcf2;
  color:#fff;
}

.joinusright{
    width:970px;
    float:left;
    margin-left:5px;
    background-color:#fff;
}
.joinusright li{
    width:100%;
    padding:20px;
    text-align:left;
    display:none;
    float:left;
}
.joinusright li.show{
    display:block;
}
.aboutusplane .Content .joinusright li p{
  text-indent:0em;
  padding-top:5px;
}
.aboutusplane .Content .joinusright li h3{
    font-size:18px;
    font-weight:normal;
    color:#008abf;
    margin-top:10px;
}
.aboutusplane .Content .left{
    width:60%;
    float:left;
    padding-right:40px;
    padding-top:20px;
}
.aboutusplane .Content .right{
    width:40%;
    float:left;
    padding-top:50px;
}
.aboutusplane .Content .right img{
    float:left;
    width:100%;
    height:auto;
}

.productmenu{
  background-color:#fafafa;
  box-shadow:inset 0px -5px 15px -10px #aaa; 
}
.productmenu .productlist{
   width:100%;
   float:left;
   margin-bottom:0px;
}
.productmenu .productlist li{
    width:300px;
    float:left;
    padding:30px 56px;
    height:150px;
    border:none;
}



.productmenu .productlist li a{
    width:100%;
    float:left;
    line-height:80px;
    height:80px;
    color:#333;
    font-size:20px;
    text-align:center;
    border:2px solid  #eee;
    position:relative;
    font-weight:bold;
}

.productmenu .productlist li a div.bg {
    position: absolute;
    z-index: 1;
    height:76px;
    width: 184px;
    left: 0px;
    top: 0px;
    background-position: center center;
    background-repeat: no-repeat;
    filter: alpha(Opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
}
.productmenu .productlist li a span{
    width:100%;
    display:block;
    line-height:80px;
    position:absolute;
    z-index:10;
}


.productmenu .productlist li a:hover {
    font-weight:bold;
    color:#0069b0;
    font-size:22px;
}

.productmenu .productlist li a:hover div.bg{
    background-color:#008abf;
    filter:alpha(Opacity=30);
    -moz-opacity:0.3;
    opacity: 0.3;
}


.productmenu .productlist li.active a {
    font-weight:bold;
    color:#fff;
    font-size:20px;
    border:2px solid  #0069b0;
    background-color:#444;
    box-sizing:border-box;
    font-size:24px;
}

.productmenu .productlist li.active a div.bg{

    filter:alpha(Opacity=50);
    -moz-opacity:0.5;
    opacity: 0.5;
}


.productmenu .productlist li div.pro_01{
    background-image:url(../image/p_01.jpg);
}

.productmenu .productlist li div.pro_02{
    background-image:url(../image/p_02.jpg);
}
.productmenu .productlist li div.pro_03{
    background-image:url(../image/p_03.jpg);
}
.productmenu .productlist li div.pro_04{
    background-image:url(../image/p_04.jpg);
}
.productmenu .productlist li div.pro_05{
    background-image:url(../image/p_05.jpg);
}
.productmenu .productlist li div.pro_06{
    background-image:url(../image/p_06.jpg);
}




.protypetitle{
    width:100%;
    padding:10px 20px 10px 60px;
    line-height:40px;
    font-size:24px;
    color:#222;
    text-align:left;
    float:left;
    border-bottom:1px solid #eee;
    background-image:url(../image/t-icon.png);
    background-position:5px center;
    background-repeat:no-repeat;
    margin-top:10px;
}
.productlist{
    width:100%;
    float:left;
    margin-top:10px;
    margin-bottom:40px;
}
.productlist li{
    width:100%;
    float:left;
    margin:5px 0px;
    border:1px solid #eee;
}
.productlist li .pro_title{
    width:250px;
    float:left;
    padding:10px 20px;
    color:#fff;
    line-height:40px;
    background-color:#0069b0;
}
.productlist li ul{
    width:944px;
    margin-left:4px;
    background-color:#f8f8f8;
    float:left;
}
.productlist li ul li{
    width:33.3%;
    float:left;
    padding:5px 10px;
    border:none;
}
.productlist li ul li a{
    width:100%;
    float:left;
    line-height:20px;
    padding:10px 0px;
    text-align:center;
    color:#222;
    font-size:14px;
    background-color:#eee;
}
.productlist li ul li a:hover{
    background-color:#e37834;
    color:#fff;
}
.gbg  .productlist li ul{
    background-color:#fff;
}

.gbg .protypetitle{
    border-bottom:1px solid #ddd;
}

.subcontent{
    float:left;
    padding:30px 10px 50px 10px;
    width:100%;
}
.subcontent .sub_plane{
    float:left;
    width:100%;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:50px;

}

.subcontent ul,.subcontent li,.subcontent div{
    float:left;
    width:100%;
    list-style-type:disc;
    color:#666;
    text-align:left;
    list-style-position:inside;
}
.subcontent p{
    float:left;
    width:100%;
    text-align:left;
    margin-bottom:10px;
    line-height:28px;
    text-indent:2em;
}
.subcontent ul{
   padding-left:2em;
}




.subcontent table p{
    text-indent:0px;
}
.subcontent table ul{
   padding-left:0px;
}

.subcontent h3{
    float:left;
    width:100%;
    text-align:left;
    margin:20px 0px 10px 0px;
    font-size:16px;
    color:#0069b0;
}

.subcontent .sub_samlltile{
    float:left;
    width:100%;
    line-height:45px;
    padding:5px 0px 0px 0px;
    margin-bottom:20px;
    border-bottom:1px solid #eaeaea;
}
.subcontent .sub_samlltile i{
    margin-top:23px;
    height:16px;
    width:10px;
    background-color:#e37834;
    display:block;
    float:left;
    border-bottom:6px solid #0069b0;
}
.subcontent .sub_samlltile label{
  
    color:#222;
    font-size:20px;
    font-weight:bold;
    float:left;
    padding-right:50px;
    padding-left:10px;
    background-color:#fafafa;
}

.subcontent  .sub_samlltile2{
    float:left;
    width:100%;
    line-height:36px;
    padding:5px 0px;
    margin-bottom:20px;
    position:relative;
}
.subcontent  .sub_samlltile2 i{
    margin-top:0px;
    height:10px;
    width:10px;
    background-color:#0069b0;
    display:block;
    border-left:3px solid #e37834;
    border-top:3px solid #e37834;
    position:absolute;
    top:0px;
    left:0px;
}
.subcontent .sub_samlltile2 label{
    border-bottom:2px solid #eee;
    color:#0069b0;
    font-size:17px;
    font-weight:bold;
    float:left;
    padding-right:80px;
    padding-left:30px;
    background-color:#f8f8f8;
    margin-left:3px;
    border-right:80px solid #fff;
}



.pro_img{
    width:100%;
    float:left;
    padding:20px;
    padding-bottom:50px;
}
.pro_img img{
    float:left;
    width:360px;
    height:270px;
    margin-right:100px;
    border-radius:4px;
}
.pro_img .textright{
    width:calc(100% - 500px);
    float:left;
    text-align:left;
    color:#666;
    font-size:16px;
    line-height:30px;
}
.pro_img p{
    float:left;
    text-align:left;
    color:#666;
    font-size:16px;
    line-height:30px;
    text-indent:2em;
}

.table_1
{
    border-collapse: collapse;
    margin: 0 auto;
    text-align: center;
    width:100%;
}
.table_1 td, .table_1 th
{
    border: 1px solid #d3d3d3;
    color: #666;
    height: 30px;
    padding:4px 8px;
}
.table_1 td p{
    margin-bottom:0px;
}
.table_1 thead th
{
    background-color: #c6e7f7;
    width: 100px;
    color:#0069b0;
}
.table_1 tr:nth-child(odd)
{
    background: #fff;
}
.table_1 tr:nth-child(even)
{
    background: #F5FAFA;
}

.table_2
{
    border-collapse: collapse;
    margin: 0 auto;
    text-align: center;
    width:100%;
}
.table_2 td, .table_2 th
{
    border: 1px solid #d3d3d3;
    color: #666;
    height: 30px;
    padding:2px 8px;
}
.table_2 thead th
{
    background-color: #c6e7f7;
    width: 100px;
    color:#0069b0;
}
.sub_title{
    width:100%;
    float:left;
    text-align:center;
    margin:10px 0px;
    height:45px;
    border-bottom:1px solid #eee;
}
.sub_title label{
    margin:0px auto;
    padding:10px 20px;
    border-bottom:3px solid #e37834;
    color:#222;
    line-height:36px;
    font-size:18px;    
    position:relative;
}
.sub_title label i{
    position:absolute;
    display:block;
    width:30px;
    height:3px;
    background-color:#0069b0;
    left:0px;
    bottom:-3px;
}

.table_3{
    border-collapse:collapse;
    margin: 0 auto;
    text-align: left;
    width:100%;
}

.table_3 td, .table_3 th
{
    border:3px solid #fff;
    color: #666;
    padding:8px 6px;
}
.table_3  th
{
    background-color: #e9f5fa;
    width:100px;
    color:#444;
    text-align:center;
    font-size:14px;
}
.table_3  td
{
    background-color: #f8f8f8;
    width:calc(100% - 100px);
    color:#565656;
}

.prottab{
    width:100%;
    float:left;
   
}
.prottab .tabtitle{
    width:100%;
    height:98px;
    text-align:center;
    float:left;
    padding:50px 10px 0px 10px;
    background-color:#eaeaea;
}
.prottab .tabtitle ul{
    margin:0 auto;
    height:50px;
    list-style:none;
    float:left;
    text-align:center;
    width:100%;
}
.prottab .tabtitle  ul li{
    padding:0px 5px;
    list-style:none;
    width:auto;
    height:48px;
    float:left;
    display:inline-block;
}
.prottab .tabtitle  ul li a{
    display:inline-block;
    padding:10px 30px;
    background-color:#fff;
    font-size:16px;
    border-radius:8px 8px 0px 0px;
    color:#444;
    height:48px;
    border:1px solid #e5e5e5;
   border-bottom:3px solid #fff;
   letter-spacing:1px;
}
.prottab .tabtitle  ul li a.active{
   border:1px solid #fff;
   border-bottom:3px solid #e37834;
   background-color:#0069b0;
   color:#fff;
   font-weight:bold;

}
.prottab .tabtitle  ul li a:hover{
   background-color:#0069b0;
    border-bottom:3px solid #0069b0;
   color:#fff;
}


.prottab .tabcontent{
    float:left;
    width:100%;
    display:none;
}
.prottab .tabcontent.active{
    display:block;
    border-top:1px solid #e37834;
    padding-top:20px;
}



.serivcemenu{
  background-color:#fafafa;
  box-shadow:inset 0px -5px 15px -10px #aaa; 
}
.serivcemenu .serivcelist{
   width:100%;
   float:left;
   margin-bottom:0px;
   padding:0px 100px;
}
.serivcemenu .serivcelist li{
    width:320px;
    float:left;
    padding:30px 66px;
    height:150px;
    border:none;
}



.serivcemenu .serivcelist li a{
    width:100%;
    float:left;
    line-height:80px;
    height:80px;
    color:#333;
    font-size:20px;
    text-align:center;
    border:2px solid  #eee;
    position:relative;
    font-weight:bold;
}

.serivcemenu .serivcelist li a div.bg {
    position: absolute;
    z-index: 1;
    height:76px;
    width: 184px;
    left: 0px;
    top: 0px;
    background-position: center center;
    background-repeat: no-repeat;
    filter: alpha(Opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
}
.serivcemenu .serivcelist li a span{
    width:100%;
    display:block;
    line-height:80px;
    position:absolute;
    z-index:10;
}


.serivcemenu .serivcelist li a:hover {
    font-weight:bold;
    color:#0069b0;
    font-size:22px;
}

.serivcemenu .serivcelist li a:hover div.bg{
    background-color:#008abf;
    filter:alpha(Opacity=30);
    -moz-opacity:0.3;
    opacity: 0.3;
}


.serivcemenu .serivcelist li.active a {
    font-weight:bold;
    color:#fff;
    font-size:20px;
    border:2px solid  #e37834;
    background-color:#444;
    box-sizing:border-box;
    font-size:24px;

   
}

.serivcemenu .serivcelist li.active a div.bg{

    filter:alpha(Opacity=50);
    -moz-opacity:0.5;
    opacity: 0.5;
}


.serivcemenu .serivcelist li div.ser_01{
    background-image:url(../image/s_01.jpg);
}

.serivcemenu .serivcelist li div.ser_02{
    background-image:url(../image/s_02.jpg);
}
.serivcemenu .serivcelist li div.ser_03{
    background-image:url(../image/s_03.jpg);
}



.planelist{
    float:left;
    width:100%;
    padding:30px 0px;
}

.planelist li.item{
    list-style:none;
    width:28%;
    float:left;
    margin-right:8%;
    position:relative;
}
.planelist li.item:last-child{
    margin-right:0px;
}

.planelist li.item .arrow{
    position:absolute;
    display:block;
    width:60px;
    height:100%;
    background-image:url(../image/arrow-right.png);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:60px auto;
    right:-80px;
}


.planelist li h3{
    width:100%;
    float:left;
    line-height:38px;
    background-color:#0069b0;
    color:#fff;
    text-align:center;
    margin:0px;
}
.planelist li ul{
    float:left;
    background-color:#f5f5f5;
    padding:10px 0px 10px 30px;
    min-height:200px;
}
.planelist li ul li{
    list-style:disc;
    width:100%;
    float:left;
    margin-right:0px;
    line-height:24px;
    list-style-position:outside;
    padding:5px 10px 5px  0px;
}
.listbg{
    background-color:#f8f8f8;
}

.promotionlist{
    float:left;
    width:100%;
}

.promotionlist li{
    float:left;
    width:100%;
  
    background-color:#fff;
    margin-bottom:20px;
    height:140px;

}
.promotionlist li a{
    float:left;
    display:block;
    width:100%;
    height:100%;
      padding:10px;
}


.promotionlist li a img{
    float:left;
    width:150px;
    height:120px;
}
.promotionlist li a  .txt{
    float:left;
    width:calc(100% - 220px);
    margin-left:20px;
    padding:0px 10px;
}
.promotionlist li a  .txt h3{
    float:left;
    text-align:left;
    font-size:18px;
    color:#222;
    padding:0px 0px;
    width:100%;
}
.promotionlist li a  .txt p{
    float:left;
    text-align:left;
    color:#888;
    padding:0px 0px;
    width:100%;
    height:66px;
    line-height:20px;

}
.promotionlist li a  .txt  label.time{
    float:left;
    color:#bbb;
    line-height:20px;
}

.promotionlist li a:hover{
    background-color:#0069b0;
}

.promotionlist li a:hover .txt h3,.promotionlist li a:hover .txt p,.promotionlist li a:hover .txt label.time{
    color:#fff;
}




.sublink{
     background-color:#f8f8f8;
     height:58px;
     padding:15px 0px;
}
.sublink a{
    float:left;
    padding:0px 10px;
    color:#565656;
}
.sublink a:hover{
    color:#e37834;
    text-decoration:underline;
}




.sublink span{
    float:left;
    padding:0px 10px;
    color:#aaa;
    font-family:Arial;
}
.sublink label{
    color:#0069b0;
    font-weight:bold;
    float:left;
     padding:0px 10px;
}


.newtitle{
    float:left;
    padding:20px 0px;
    text-align:center;
}
.newtitle h3{
    font-weight:bold;
    font-size:24px;
    color:#222;
    text-align:center;
}

.newtitle p{
    color:#bbb;
    text-align:center;
    padding:20px 0px;
}

.newcontent{
    padding:20px 30px;

}


.treelist{
    width:100%;
    float:left;
}

.contactplane {
    float: left;
    width: 500px;
    margin-left: 50px;
}


.contactplane .item i {
    display: inline-block;
    width: 30px;
    height: 24px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 16px auto;
    float: left;
}


.contactplane .item{
    margin-top:5px;
    float:left;
    width:100%;
    text-align:left;
    color:#565656;
    line-height:24px;
    font-size:15px;
    margin-top:12px;
}
.contactplane .item i{
    display:inline-block;
    width:35px;
    height:24px;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:18px auto;
    float:left;
}
.contactplane .item label{
    float:left;
    line-height:24px;
    width:60px;
    display:inline-block;
    font-size:15px;
}
.contactplane .item span{
    float:left;
    line-height:24px;
    width:calc(100% - 115px);
    display:inline-block;
    font-size:15px;
}


.contactplane .item  .icon.tel{
      background-image:url(../image/icon_tel.png);
}
.contactplane .item  .icon.address{
      background-image:url(../image/icon_loction.png);
}
.contactplane .item  .icon.web{
      background-image:url(../image/icon_company.png);
}
.contactplane .item  .icon.email{
      background-image:url(../image/icon_email.png);
}
.contactplane .item  .icon.msg{
      background-image:url(../image/icon_msg.png);
}

.joinusright .subcontent ul,.joinusright .subcontent li,.joinusright .subcontent div{
    float: left;
    width: 100%;
    list-style-type: disc;
    color: #666;
    text-align: left;
    list-style-position: inside;
    display:block;
    padding:5px;
    list-style:disc;
}
.searchdiv{
    width:100%;float:left;
    padding:20px 20px;
    background-color:#e5e5e5;
    color:#444;
    text-align:left;
    font-size:15px;
}
.searchdiv label{
    font-weight:bold;
    color:#e37834;
    padding:0px 5px;
}

.searchdiv span{
    font-weight:bold;
    color:#0069b0;
    padding:0px 5px;
}
.searchList{
     width:100%;float:left;
     border-top:2px solid #ddd;
     padding-bottom:50px;
}

.searchList li{
      border-bottom:1px dashed #ddd;
      text-align:left;
      float:left;
      width:100%;
}
.searchList li h3{
    color:#222;
    text-align:left;
     width:100%;
       float:left;
}
.searchList li p{
    color:#565656;
    text-align:left;
    line-height:22px;
          width:100%;
            float:left;
}
.searchList li b{
    color:#e37834;
}
.searchList li label.source{
    text-align:left;
    color:#bbb;
      float:left;
}
.searchList li a{
    float:left;
    width:100%;
    display:block;
    padding:10px;
}


.searchList li a:hover {
    background-color:#f0f0f0;
}